<div draggable mat-dialog-title>
  <h6>{{title}}</h6>
</div>
<div mat-dialog-content>
  <form [formGroup]="formGroup" class="form-container" novalidate autocomplete="off">
    <mat-form-field>
      <input formControlName="nurseName" matInput placeholder="{{'nurseName' | translate}}">
    </mat-form-field>
    <mat-form-field>
      <mat-select formControlName="sex" placeholder="{{'sex' | translate}}">
        <mat-option value="male">{{'male' | translate}}</mat-option>
        <mat-option value="female">{{'female' | translate}}</mat-option>
      </mat-select>
    </mat-form-field>
    <mat-form-field>
      <mat-select formControlName="departmentName" placeholder="{{'departmentName' | translate}}">
        <mat-option *ngFor="let department of departments" value="{{department.departmentName}}">{{department.departmentName}}</mat-option>
      </mat-select>
    </mat-form-field>
    <mat-form-field>
      <input formControlName="tel" matInput placeholder="{{'tel' | translate}}">
    </mat-form-field>
  </form>
</div>
<div mat-dialog-actions>
  <div *ngIf="error" class="wdl-error">{{error | translate}}</div>
  <button mat-button (click)="dialogRef.close('Close')">{{"close" | translate}}</button>
  <button mat-button (click)="submit()" [disabled]="disableSubmit()">{{"submit" | translate}}</button>
</div>